// 部门 人员 审核 列表 人员信息label-component
<template>

<div class="auditing-personal-label">

    <h1 class="nickname">
        {{nickname}}
    </h1>

    <div class="sub-info">
        <h3>
            {{company}}
        </h3>
        <h3>
            {{department}}
        </h3>
    </div>
    
</div>

</template>

<script lang='ts'>
import { Component, Prop, Vue } from 'vue-property-decorator'

@Component({})
export default class auditingPersonal extends Vue{
    name:string = 'auditing-personal-label'

    @Prop()    
    company:string

    @Prop()
    department:string

    @Prop()
    nickname:string
    
    @Prop()
    phone:string
    
    
}




</script>

<style scoped lang='scss'>


.auditing-personal-label{

    display: flex;
    align-items: center;

}

.nickname,
.sub-info h3{
    font-weight: 400;
}

.nickname{
    font-size: $font-small;
}

.sub-info{
    margin-left: _rem(6px);
    padding-left: _rem(6px);
    border-left: _rem(1px) solid $border_color;

    h3{
        font-size: $font-mini;
        color: $font_secondary;
    }
}


</style>
